let close = document.querySelector('.times');
let ad = document.querySelector('.beginning');

//关闭小广告
close.onclick = function () {
  ad.remove();
};

require.config({
  baseUrl: "js/library",
  paths: {
    jQuery: "jquery",
  },
});
require(["jquery"], function ($) {
  $(".carousel-slide .list-group>.list-group-item").on("mouseover", function () {

    let index = $('.carousel-slide .list-group>.list-group-item').index(this)
    $('.carousel-slide .list-group .slide-right').eq(index).css("display", "block")
  })


  $(".carousel-slide .list-group>.list-group-item").on("mouseout", function () {


    let index = $('.carousel-slide .list-group>.list-group-item').index(this)
    $('.carousel-slide .list-group .slide-right').eq(index).css("display", "none");
  })

  $(".slide-right").on("mouseenter", function () {
    $(this).css("display", "block");
  });
  $(".slide-right").on("mouseleave", function () {
    $(this).css("display", "none");
  })

  // });
  // require(["jquery"],function ($){
  //   // nav导航区
  // $(".navbar-left").on(
  //   {
  //     mouseover() {
  //     $(this).css("color", "#FF6600");
  //     },
  //     mouseleave() {
  //       $(this).css("color", "");
  //     },
  //   },
  //   "a"
  // );
  // $(".navbar-right").on(
  //   {
  //     mouseover() {
  //     $(this).css("color", "#FF6600");
  //     },
  //     mouseleave() {
  //       $(this).css("color", "");
  //     },
  //   },
  //   "a"
  // );
  // //第一个li隐藏的盒子
  // $(".navbar-left>li:eq(0)").on(
  //   'mouseenter',function(){
  //     $('.navbar-left>li:eq(0)').css("backgroundColor","#fff");

  //   }

  // );
  // $(".navbar-left>li:eq(0)").on(
  //   'mouseleave',function(){
  //     $('.navbar-left>li:eq(0)').css("backgroundColor","#F2F2F2");

  //   }

  // );
  $(".navbar-left>li:eq(0)").on(
    'mouseenter',
    function () {
      $('.firstli').slideDown(1000);

    }

  );
  $(".firstli").on(
    'mouseenter',
    function () {
      $('.firstli').css('display', 'block');

    }

  );
  $(".firstli").
  mouseleave(function () {
      $('.firstli').css("display", "none");
    }

  );
  $(".navbar-left>li:eq(0)").
  mouseleave(function () {
      $('.firstli').css("display", "none");
    }

  );
  // //第二个li隐藏的盒子
  // $(".navbar-left>li:eq(1)").on(
  //   'mouseenter',function(){
  //     $('.navbar-left>li:eq(1)').css("backgroundColor","#fff");

  //   }

  // );
  // $(".navbar-left>li:eq(1)").on(
  //   'mouseleave',function(){
  //     $('.navbar-left>li:eq(1)').css("backgroundColor","#F2F2F2");

  //   }

  // );
  // $(".navbar-left>li:eq(1)").on(
  //   'mouseenter',function(){
  //     $('.business>ul').slideDown(1000);

  //   }

  // );
  // $(".business").on(
  //   'mouseenter',function(){
  //     $('.business').css('display','block');

  //   }

  // );
  // $(".business").
  //   mouseleave(function(){
  //     $('.business').css("display","none");
  //   }

  // );
  // $(".navbar-left>li:eq(1)").
  //   mouseleave(function(){
  //     $('.business').css("display","none");
  //   }

  // );
  // //隐藏的二维码

  // $(".navbar-right>li:last>a").on(
  //   'mouseover',function(){
  //     $('.navbar-right>li:last>a').css("backgroundColor","white");

  //   }

  // );
  // $(".navbar-right>li:last>a").on(
  //   'mouseout',function(){
  //     $('.navbar-right>li:last>a').css("backgroundColor","#F2F2F2");

  //   }

  // );
  $(".navbar-right>li:last>a").on(
    'mouseover',
    function () {
      $('.hidden-four').slideDown(1000).css("backgroundColor", "white");

    }

  );
  $(".hidden-four").on(
    'mouseover',
    function () {
      $('.hidden-four').css('display', 'block');

    }

  );
  $(".hidden-four").on(
    'mouseout',
    function () {
      $('.hidden-four').css("display", "none");
    }

  );
  $(".navbar-right>li:last>a").on(
    'mouseout',
    function () {
      $('.hidden-four').css("display", "none");
    }

  );
});

//左边固定定位的楼梯特效


require(["jquery"], function ($) {

  let winHeight = $(document).scrollTop();
  
  $(window).scroll(function() {
   let scrollY = $(document).scrollTop();// 获取垂直滚动的距离，即滚动了多少
   
   if (scrollY > 700){ //如果滚动距离大于550px则隐藏，否则删除隐藏类
    $('.fixed-stairs').css('display','block');
   } 
   else {
    $('.fixed-stairs').css('display','none');

   }
 
   
   });

   
    $('.fixed-stairs>li>a').on('click', function () {
   
      let id = $(this).attr('data-title');
      let elm = $('#' + id);
  
      let top = elm.offset().top;
  
      $('html').animate({
        scrollTop: top
      }, 800);
    });
  
    $(window).on('scroll', function () {
      let top = $(document).scrollTop();
      let _index = Math.round(top / 600);
  
      $('.fixed-stairs>li>a').removeClass('active').eq(_index).addClass('active');
    });
 
})